//引入重置样式和公共样式
@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";
body{
    display: flex;
    flex-direction: column;
  
    button{
        background-color: rgb(237, 81, 10);
        border: none;
        height: 30px;
        width: 70px;
        margin-left: 10px;
        border-radius: 15px;
    }
    // button:nth-child(1){
    //     background-color: #fff;
    //     border: 1px solid #ccc;
    // }
    header{
        display: flex;
        justify-content: space-between;
        height: 70px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        line-height: 70px;
        // background-color: rgb(102, 200, 146);
        a{
            color: #fff;
        }
        .img{
            height: 100%;
            position: relative;
            .logo{
                position: absolute;
                top: 50%;
                transform: translateY(-25%);
                // padding-bottom: 15px;
            }
        }
        // nav{
        //     position: absolute;
        //     a:nth-child(1).active{
        //         // position: absolute;
        //         bottom: 3px;
        //         &::after{
        //             content:"";
        //             display: block;
        //         }
        //     }
        // }

    }
}